MANUAL DE DISEÑO Y DESARROLLO DE UN SISTEMA WEB APLICADO AL DEPARTAMENTO DE PROYECCION SOCIAL DE LA UNIVERSIDAD DON BOSCO

Buscamos algún Navegador y le colocamos la dirección siguiente

http://localhost/psocial1/usuarios/index.htm

2. Como tener acceso Pleno al Sistema

3. Ingresar al Sistema con una contraseña

Para poder acceder a las opciones del sistema debemos de tener una calve de acceso en la cual, se deberá de acercarse al Departamento de Proyección Social, para que se le asigne, en dado caso de olvidar la clave, también en el Departamento se podrá hacer cambio de la clave de Acceso

Nos vamos al menú a la opción de Login

Fig. 3.1

Damos clic en La opción de Nuevo Login y nos aparecerá la ventana anterior

Fig. 3.2

Le colocaremos el Carnet y Password, le damos clic en el botón Login

Fig. 3.3

Fig. 3.4

Al ser validos el Carnet y el Password nos muestra el mensaje “Ha iniciado sesión puedes utilizar todo el sistema”

4. Como salirnos del Sistema

Nos vamos al Menú a la opción Login, Logout y no tendremos acceso a información del Sistema

Fig. 4

5. Consultar un Proyecto de Servicio Social

Nos vamos al Menú, a la opción de Consultas, Servicio Social, Proyectos

Al darle clic en Proyectos nos muestra la siguiente ventana

Fig. 5.1

Nos muestra los proyectos disponibles del Departamento de Proyección Social, para realizar el Servicio Social. Nos muestra el Proyecto, Institución, Estatus, en donde muestra la cantidad de personas que han reservado el Proyecto

Al darle clic al proyecto, nos aparecerá la siguiente ventana

Fig. 5.3

En donde podemos ver en la parte superior de la imagen el Carnet, el Nombre del Alumno, en la parte de abajo nos muestra la información del Proyecto, además la cantidad de reservas que se le pueden hacer

6. Como Reservar un Proyecto

Según el apartado Anterior en la Fig. 5.3, Para Reservar el proyecto le damos clic en el botón Reservar, nos aparecerá en la parte de abajo que “Este proyecto ya la reservaste” Figura Anterior

7. Como Realizar una búsqueda de algún Proyecto

Fig. 7.1

Colocamos el nombre del proyecto o al menos una palabra, le damos clic en el botón Buscar, nos mostrara los resultados de la búsqueda

Fig. 7.2

Tipos de búsqueda

Demos clic al Menú Buscar y nos mostrara la forma de búsqueda para el Proyecto

Fig. 7.3

Podemos realizar las Búsquedas por: Búsquedas por ID, Por Nombre del Proyecto, solamente damos clic en el menú al tipo de búsqueda a realizar

8. Ingresar, Consultar, Eliminar Curriculun

Nos vamos a Actividades, Bolsa de Trabajo, Ingresar Currículum

Fig. 8.1

Como ya hemos ingresado el Carnet y el Password nos muestra la ventana anterior

9. Como Agregar un Curriculum

Fig. 9.1

Damos clic en el botón Nuevo Curriculum, nos mostrara el siguiente formulario

Damos clic al botón Agregar Nuevo y nos mostrara el siguiente mensaje

Fig. 9.2

Damos clic a cualquiera de los botones y nos llevara al Formulario de Nombre de Curriculum, en donde podemos empezar a llenar los datos del curriculum

10. Eliminar un Curriculum

Fig. 10.1

Seleccionamos el curriculum a Eliminar

Fig. 10.2

Damos clic al botón Eliminar Curriculum

11. Consultar e Ingresar Información de un Currículum

Podemos ingresar varios Nombres de Currículum, en la cual especifiquemos diversas especialidades que tengamos o habilidades.

Con respecto a los Datos Personales, como son los mismos para todos los Curriculum, se ingresa una sola vez, esto la hacemos en la siguiente ventana

Fig. 11.1

Damos clic en botón Datos Personales y nos mostrara el siguiente formulario

Fig. 11.2

Fig. 11.3

Seleccionamos el Nombre del Currículo, colocando el puntero del Mouse solo el que deseamos ver o modificar y damos clic, mostrando la siguiente ventana

Fig. 11.4

En la figura anterioir en Estudios Realizados nos muestra la información introducida.

En Dado caso de querer introducir otra información, Llenamos los campos correspondientes.

En Este formulario podemos llenar datos de Estudios Superiores tales como Estudios Universitarios, Maestrías.

Fig. 11.5

En donde en el Año nos aparecerá un calendario de la siguiente manera

Llamada rectangular: Seleccionamos el mes

Fig. 11.6

Para agregar la Información damos clic en el botón Guardar y Agregar otro como se muestra a continuación

Fig. 11.7

12. Eliminar Información de un Currículum

Si deseamos Eliminar alguna información que hemos ingresado hasta el momento, solamente seleccionamos con un cheque, la información deseada por ejemplo.

Fig. 12.1

Damos clic en el botón Eliminar y la información se borrara del Sistema.

El botón Regresar nos lleva al formulario anterior.

Si deseamos ver como llevamos la información ingresada en el Currículo, damos clic en el botón Vista Previa y nos mostrara la siguiente información.

Fig. 12.2

En la parte Final de esta Ventana nos muestra las opciones de Poderlo Imprimir

Fig. 12.3

Podemos imprimir el currículo en el momento que deseemos no importa que no este completo

Para pasar a llenar otro Formulario le damos clic al botón Pasar del Formulario Anterior y nos mostrara el siguiente formulario

Fig. 12.4

Aca podemos ingresar los Estudios Medios como Bachillerato, Secundaria y Primaria

El mismo proceso para eliminar alguna información

Pasamos al Siguiente formulario

Fig. 12.5

Aca ingresamos información de Otros tipos de Estudios realizados.

Pasamos al siguiente formulario.

Fig. 12.6

Podemos ingresar cualquier curso que hemos tomado en relación al Nombre del Currículo

Pasamos al siguiente formulario.

Fig. 12.7

Aca especificamos las Experiencias Laborales que hemos tenido hasta el momento

Si deseamos ver como llevamos el Currículo, damos clic en Vista Previa y nos mostrara la información ingresada al Sistema

Fig. 12.8

Pasamos al siguiente Formulario.

Fig. 12.9

Podemos agregar Cualquier habilidad relacionada al Nombre del Currículo

Pasamos al siguiente Formulario

Fig. 12.10

Ingresamos cualquier tipo de Equipo que lo sepamos manejar en relación al Nombre del Currículo

Pasamos al siguiente Formulario

Fig 12.11

Ingresamos el software que manejamos, o diferentes paqueterías.

Pasamos al siguiente Formulario

Fig. 12.12

Ingresamos los diversos idiomas que sepamos o que manejemos en cierto nivel

Fig. 12.13

Ingresamos a las diversas referencias Personales, en las cuales den referencias de nosotros

Pasamos al siguiente formulario

Fig. 12.14

Ingresamos las Referencias Laborales o Profesionales

Si deseamos ver como llevamos el currículo, damos clic en Vista Previa

Fig. 12.15

Con esto hemos terminado de llenar el Currículo, en la cual nos podemos regresar con el botón Regresar o Ir a Currículum

Al darle clic en Ir a Currículo nos llevara donde se encuentran los Nombre de Curriculum

Fig. 12.16

Podemos ver desde aca también como nos quedo el curriculum, damos clic en Vista

Masculino

Fig. 12.17

13. Información General

14. Bolsa de Trabajo

Fig. 14

Al dar clic sobre el botón de Bolsa de Trabajo nos muestra información acerca de la Bolsa de Trabajo

15. Servicio social

Fig. 15

Al dar clic sobre el botón de Horas Sociales nos muestra información acerca de las Horas Sociales o Servicio Social

16. Cuota Diferenciada

Fig. 16

Al dar clic sobre el botón de Cuota Diferenciada nos muestra información acerca de Cuota Diferenciada

17. Becas

Fig. 17

Al dar clic sobre el botón de Becas nos muestra información acerca de Becas

18. Guía Informativa

Fig. 18.1

Nos vamos al Menú Información, Servicio Social

Esta es la Guía Informativa donde explica los requisitos del Servicio Social para que pueda realizar, a la vez explica los procesos y documentación a entregar durante y finalización del Servicio Social.

Fig. 18.2

Para seguir mostrando la información damos clic en los siguientes botones

Anterior Siguiente

Fig. 18.3 Fig. 18.4